@layout('layouts.panel')
<?php
$title = $house->house_name;
if (!starts_with($title, 'Nhà Trọ')) {
    $title = 'Nhà trọ ' . $title;
}
?>

@section('panel-content')
@id('house.image')
<div class="panel-head">
    <h1>Ảnh {{ $title }}</h1>
</div>
<div class="panel-content">
    <div id="images-container">
        @foreach ($house->images as $img)
        <div class="image">
            <img src="{{ $img->url }}" alt="ảnh nhà trọ ">
            <a class="delete-image" href="{{ action('house@images_delete', array($img->id)) }}" title="xóa ảnh này">
                Xóa ảnh
            </a>
        </div>
        @endforeach
    </div>
    <div class="loading" id="delete-loading">

    </div>
    <div class="notify" id="notify">
        <div class="hint">
            Giới hạn dung lượng tập tin tải lên là {{ get_file_size(setting('image_size_limit')) }}
        </div>
        <input type="hidden" id="images_limit" value="{{ setting('images_limit') }}">
        <div class="error">
            @if ($house->images()->count() >= setting('images_limit'))
            Số lượng ảnh đã đến giới hạn cho phép
            @endif
        </div>
    </div>
    <div id="upload-images-form">
        <form action="{{ action('house/images_upload', array($house->id)) }}" method="POST" enctype="multipart/form-data" id="images-upload-form">
            <div class="control-group">
                <label for="image_file" class="file-select">Điền đường dẫn ảnh bên dưới hoặc click vào đây chọn ảnh tải lên
                </label>
                <div class="controls">
                    <input type="file" name="image_file" id="image_file" class="hidden"/>
                    <input type="text" name="image_url" id="image_url" />

                    {{ Form::token() }}
                    <button class="btn" type="submit">Tải lên</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection